<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

    <div id="loading">loading</div>
    <div class="swiper-container" style="width:100%;height:100%;">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background:url(./images/logo.png) skyblue no-repeat;font-size:20px;">
                <li swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="bottom:14%;
		left: 38%;">
                    姓名：刘志
                </li>
                <li swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="bottom:8%;
		left: 6%;">
                应聘职位：前段应用开发工程师
                </li>
                
            </div>
            <div class="swiper-slide" style="background:url(./images/bg_1.png) gray no-repeat;">
                <li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="top:10px;left:10px;"><img src="./images/pic.jpg" alt=""></li>                
                <li class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  style="top:10px;left:120px;">欲善其事，必先利其器。<br/>坚持天道酬勤的原则</li>
                  <li class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  style="top:115px;left:0px;height:1px;background:black;width:100%;" ><li>
                  <li class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  style="top:115px;left:0px; color:red;font-size:24px;">一技之长：<li>                      
                  <li class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s" style="top:135px;left:40px;"><p>JS</p></li>
                    <li class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s" style="top:135px;left:180px;"><p>CSS</p></li>
                      <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s" style="top:255px;left:120px;"><p>HTML</p></li>
                       <li class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s" style="top:375px;left:40px;"><p>插件</p></li>
                    <li class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s" style="top:375px;left:180px;"><p>框架</p></li>
            </div>
            <div class="swiper-slide" style="background:url(./images/bg_2.gif) gray no-repeat;">
                
                <button id="enter" style="position:absolute; margin:0 auto;width:40px;line-height:30px;border:1px solid #333;font-size:28px;">走进我的世界</button>

            </div>
             
        </div>
        <div class="swiper-pagination" style="background:gray;bottom:0px;"></div>
    </div>


    <div id="mainContainer">
        <header>
            <div style="font-size:16px;">简&nbsp;历</div>
            <div><i class="iconfont icon-add"></i></div>
        </header>

        <div id="wrapper">
            <div id="scroller">
                <ul class="projrct">   
                </ul>
            </div>
        </div>
        <div id="wrapper">
            <div id="scroller">
                <ul>   
                </ul>
            </div>
        </div>
       

        <div id="footer" onload="loaded()">
            <ul>
                <li id="project" class="active">项目<i class="iconfont icon-xiangmujingli"></i></li>
                <li id="skill">技能<i class="iconfont icon-shixijingli" ></i></li>
                <li id="work">经历<i class="iconfont icon-jiaoxuejingli"></i></li>
                <li id="me">AboutMe<i class="iconfont icon-iconfontwohover"></i></li>
            </ul>
        </div>
    </div>

    <script src="js/index.js"></script>


</body>
</html>